<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>停服通知</title>
<link th:href="@{/css/login.css}" href="css/login.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" th:src="@{/js/jquery/jquery-3.3.1.js}" src="js/jquery/jquery-3.3.1.js" ></script>
<link rel="stylesheet" th:href="@{/css/cloudstyle.css}" href="css/cloudstyle.css"/>

<!-- layer -->
<link type="text/css" rel="stylesheet" th:href="@{/plug/layui/css/layui.css}"/>
<script type="text/javascript" th:src="@{/plug/layui/layui.all.js}"  src="plug/layui/layui.all.js" ></script>
<style>
input::-webkit-input-placeholder {
	color:#fff;
}
.div-a{ position:fixed; left:10px; top:20px; background:#00F;padding: 10px;color: #FFF;z-index: 999}  
.div-a2{ position:fixed; left:130px; top:20px; background:#E9967A;padding: 10px;color: #FFF;z-index: 999}  
.div-a3{ position:fixed; left:260px; top:20px; background:#DA70D6;padding: 10px;color: #FFF;z-index: 999}  
.div-b{ position:fixed; right:10px; top:20px; background:#F00;padding: 10px;color: #FFF;z-index: 999}  
.div-c{ position:fixed; left:50px; top:60px; padding: 10px;color: #FFF;z-index: 999}
.div-d{ position:fixed; right:50px; top:50px; padding: 10px;color: #FFF;z-index: 999}  
.div-e{ position:fixed; right:50px; top:90px; padding: 10px;color: #FFF;z-index: 999}  
</style>

</head>
<body>
<audio autoplay="autoplay" loop="loop">
<source src="mp4/ykzzldx.mp3" type="audio/mpeg" />
您的浏览器无法播放音乐！
</audio>
<div class="sky" style="position:absolute; width:100%; top:0px;height:120%;opacity:0.75;"></div>
<div class="login-form" style="position:relative;">
		<div class="login" style="height: 140px;">
			<span ><img src="imgs/hhit/hhit.png" alt="hhit"  style="position: relative; left: 44%; top:-15px; width: 150px; height:150px;"/></span>
		</div>
		<h1 style="margin-bottom:0.2em"><a  href='http://www.jack1996.com:8081/index' target='view_window' style='color:#FFF'>《关于“江苏海洋大学图书馆抢座系统”停止服务的通知》</a></h1>
		<a href="/index">
			<div class="div-a">点我进入3.0版本</div>
		</a> 
		<a href="/switch">
			<div class="div-a2">点我开启关闭服务</div>
		</a> 
		<a href="/update">
			<div class="div-a3">点我修改座位</div>
		</a> 
		<div class="div-c"></div>
		<a href="/jz">
			<div class="div-b">点我捐助服务器</div>   
		</a>
		<div class="div-c" ><h1 id="countNum" style="color: #796400">累计成功抢座：XXXX次</h1></div>
		<div class="div-d" ><h1 id="countUserNum" style="color: #AE00AE	">当前抢座人数：XXXX人</h1></div>
		<div class="div-e" ><h1 id="countSussNum" style="color: #003D79	">今日成功人数：XXXX人</h1></div>
		<h1 style="margin-bottom:0.2em;color:#AE0000" id="djs">X天X时X分X秒 将关闭系统</h1>
		<div class="login-top">
<pre style="color:#000; font-weight:bold; text-align: center;">
非常感谢大家近一年来的支持，
本系统自2019年2月25日上线以来，
从1.0测试版本到3.0正式公测版本，
风雨一路走来也很艰辛、困苦。
在此期间陆陆续续有不少朋友慕名而来，
基本上都是考研的朋友，
在这里我们很欢迎也很欣慰，
能为江海大考研学子贡献自己一份力量。

我们的初衷就是帮助真正有需要的考研人，
为你们争取多一点的休息时间，
让你们安心学习，认真复习。
感谢大家对我们系统bug百出的容忍，
也很感谢大家对我们系统的无私捐助，
再次感谢大家能陪我们风雨一路走来。

在此我们不得不提出“分手”，
虽然我们也有些不舍，
但是“天下无有不散之筵席，少不得有个分开日子。”
正逢2020考研之际，
我们能给的也只是这短暂的冬夏，
希望人生路上大家积极面对，
不管前方路程坎坷与否，
世间还有一丝温暖留在心中！
愿诸位都能考上自己心仪的大学继续深造，
请务必相信自己，相信未来，
在追逐的过程你已经无在乎结果，
坚持下去，无问西东！

再次感谢大家的支持和捐助！
今后我们江湖再会~。~
我们将于2019年12月25日圣诞节中午12点准时关闭系统！

                                                                 <font style="color:yellow">2019年8月26日</font>
                                                                <font style="color:yellow"> 江海大助研小分队</font>
		</pre>
		</div>
</div>
</body>
</html>

<script type="text/javascript"  th:inline="javascript">
var countNum = [[${c}]];
var countUserNum = [[${u}]];
var countSussNum = [[${s}]];
var coloseTime = "2019-12-25 12:00:00";

function getDjs(time){
	var endTime= new Date(Date.parse(time.replace(/-/g, "/")));/*replace将时间字符串中所有的'-'替换成'/',parse将时间格式的字符串转换成毫秒*/
    var nowTime = new Date();
    var distance =endTime.getTime() - nowTime.getTime();/*getTime把一个date对象转换成毫秒*/

    var day = 0;
    var hour = 0;
    var minute = 0;
    var second = 0;

    if(distance >= 0){
        day = Math.floor(distance/1000/60/60/24);
        hour = Math.floor(distance/1000/60/60%24);
        minute = Math.floor(distance/1000/60%60);
        second = Math.floor(distance/1000%60);
    }else{
        return "本系统已关闭";
    }
   
   return day + "天" +  hour + "时" + minute + "分" + second + "秒后"+" 将关闭系统"
}

$(function(){
	$("#countNum").html("累计成功抢座："+ countNum +"次");
	$("#countUserNum").html("当前抢座人数："+ countUserNum +"人");
	$("#countSussNum").html("今日成功人数："+ countSussNum +"人");
	
	$("#djs").html(getDjs(coloseTime));
	setInterval(function() {
		$("#djs").html(getDjs(coloseTime));
	}, 999*1);
});
</script>